<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<link href="../source/favicon.ico" rel="shortcut icon" />

<!-- JQUERY -->
<script src="../source/jquery/jquery.js" type="text/javascript"></script>
<script src="../source/ux/jquery.ux.js" type="text/javascript"></script>
<!-- SPECIAL EVENTS -->
<script src="../source/event.drag/jquery.event.drag.js" type="text/javascript"></script>
<script src="../source/event.drop/jquery.event.drop.js" type="text/javascript"></script>
<script src="../source/event.hover/jquery.event.hover.js" type="text/javascript"></script>
<script src="../source/event.keyend/jquery.event.keyend.js" type="text/javascript"></script>
<script src="../source/event.wheel/jquery.event.wheel.js" type="text/javascript"></script>
<!-- align -->
<script src="../source/align/jquery.align.js" type="text/javascript"></script>
<!-- blackbox -->
<script src="../source/ux.blackbox/jquery.ux.blackbox.js" type="text/javascript"></script>
<!-- button -->
<link href="../source/ux.button/jquery.ux.button.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../source/ux.button/jquery.ux.button.js" type="text/javascript"></script>
<!-- calendar -->
<link href="../source/ux.calendar/jquery.ux.calendar.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../source/ux.calendar/jquery.ux.calendar.js" type="text/javascript"></script>
<script src="../source/ux.calendar/jquery.ux.calendar.i18n.js" type="text/javascript"></script>
<!-- popdown -->
<script src="../source/ux.popdown/jquery.ux.popdown.js" type="text/javascript"></script>
<!-- slider -->
<link href="../source/ux.slider/jquery.ux.slider.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../source/ux.slider/jquery.ux.slider.js" type="text/javascript"></script>
<!-- sortable -->
<script src="../source/ux.sortable/jquery.ux.sortable.js" type="text/javascript"></script>
<!-- selectable -->
<script src="../source/ux.selectable/jquery.ux.selectable.js" type="text/javascript"></script>
<!-- subselect -->
<script src="../source/ux.subselect/jquery.ux.subselect.js" type="text/javascript"></script>
<!-- suggest -->
<link href="../source/ux.suggest/jquery.ux.suggest.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../source/ux.suggest/jquery.ux.suggest.js" type="text/javascript"></script>
<!-- toast -->
<link href="../source/ux.toast/jquery.ux.toast.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../source/ux.toast/jquery.ux.toast.js" type="text/javascript"></script>
<!-- DEMO STUFF -->
<script src="codemirror/codemirror.js" type="text/javascript"></script>
<link href="demo.css" rel="stylesheet" type="text/css" media="screen" />
<script src="demo.js" type="text/javascript"></script>
<title>jquery.ux</title>
</head>
<body class="ctr">

<div id="everything">

	<div id="header"><h1>jquery.ux</h1></div>
		
	<div id="ctrl">
		<span class="right cell" id="tab_code" title="Show source code.">Code</span>
		<span class="left cell" id="tab_demo" title="Show demonstration.">Demo</span>		
		<dl id="menu">
			<dt class="left">&#x25C4;</dt>
			<dt class="center primary"><span>&nbsp;&#x25BC;</span>Select a plugin...</dt>
			<dd><ul id="main_menu">
				<li><a href="#ux">ux</a></li>
				<hr />
				<li><a href="#ux.blackbox">ux.blackbox</a></li>
				<li><a href="#ux.button">ux.button</a></li>
				<li><a href="#ux.calendar">ux.calendar</a></li>
				<li><a href="#ux.popdown">ux.popdown</a></li>
				<li><a href="#ux.selectable">ux.selectable</a></li>
				<li><a href="#ux.slider">ux.slider</a></li>
				<li><a href="#ux.sortable">ux.sortable</a></li>
				<li><a href="#ux.subselect">ux.subselect</a></li>
				<li><a href="#ux.suggest">ux.suggest</a></li>
				<li><a href="#ux.toast">ux.toast</a></li>
				<li><a href="#ux.verify">ux.verify</a></li>
				<hr />
				<li><a href="#event.drag">event.drag</a></li>
				<li><a href="#event.drop">event.drop</a></li>
				<li><a href="#event.hover">event.hover</a></li>
				<li><a href="#event.keyend">event.keyend</a></li>
				<li><a href="#event.wheel">event.wheel</a></li>
				<hr />
				<li><a href="#align">align</a></li>
				<li><a href="#autoscroll">autoscroll</a></li>
				</ul></dd>
			<dt class="center primary"><span>&nbsp;&#x25BC;</span>Select a file...</dt>	
			<dd><ul id="sub_menu"></ul></dd>
			<dt class="right">&#x25BA;</dt>
			</dl>        
		</div>
		
    <div id="content">
		<div id="editor_div"></div>
		<div id="demo_div"></div>
  		</div>
		
	<div id="footer">Copyright &copy; 2009 Three Dub Media, all rights reserved.</div>		
	</div>

</body>
</html>